<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script type="module">
        import { parse, compile } from '../lib/esm/stringbase.js'
        // const template=`
        //     <div>
        //         <% if (test > 1 ) { %>
        //             <span>
        //                 <%= test %>
        //             </span>
        //         <% } %>
        //         <div>
        //             hello world
        //         </div>
        //     </div>
        // `
        const template=`
            <div>
                <% if (test > 1 ) { %>
                    <%= test %>
                <% } %>
                <% for(let i=0;i<10;i++) { %>
                    <span>
                        <% = i %>
                    </span>
                <% } %>
                <div>
                    hello world
                </div>
            </div>
        `
        // let {ast} =parse(template)
        let result = compile(template,{
           test:3
        })
        console.log(result)
    </script>
</body>

</html>